<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>主页面</title>
		<meta http-equiv="X-UA-Compatible" content=”IE=Edge,chrome=1″ />
	    <meta name="renderer" content="webkit">
		<link rel="stylesheet" href="style/css/base/normalize.css" />
		<link rel="stylesheet" href="style/css/base/MyReset.css" />
		<link rel="stylesheet" href="style/css/common/common.css" />
		<link rel="stylesheet" href="style/css/common/tip-violet/tip-violet.css" />
		<link rel="stylesheet" href="style/css/common/main.css" />
		<link rel="stylesheet" href="style/css/page/component.css" />
	</head>
	<body>
		<div class="container demo-1">
			<div class="content">
				<div id="large-header" class="large-header">
					<canvas id="demo-canvas"></canvas>
					<div class="main-content">
						<div class="main-content-tip">
							<label>github地址：</label>
							<a href="https://github.com/rocky-191/baseTemplate" target="_blank">https://github.com/rocky-191/baseTemplate</a>
							<label>欢迎star</label>
						</div>
						<h1 class="main-title">基础组件库</h1>
						<ul class="main-content-ul" id="componentsUl">
							<li v-for="(item,index) in items" :key="index">
								<a :href="item.link" target="_blank" v-text="item.linkName"></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="style/js/common/indexJS/TweenLite.min.js" ></script>
		<script type="text/javascript" src="style/js/base/vue2.0/vue.min.js" ></script>
		<script type="text/javascript" src="style/js/common/indexJS/EasePack.min.js" ></script>
		<script type="text/javascript" src="style/js/common/indexJS/rAF.js" ></script>
		<script type="text/javascript" src="style/js/base/jquery-1.9.1.min.js" ></script>
		<script type="text/javascript" src="style/js/common/jquery.poshytip.min.js" ></script>
		<script type="text/javascript" src="style/js/page/index.js" ></script>
	</body>
</html>
